.xflow-form-panel {
  :global {
    .ant-form {
      height: 100%;
      display: flex;
      flex-direction: column;
      background-color: var(--xdrsec-draw-background-color);
      .node-config-draw-header {
        padding: 16px 24px;
        border-bottom: 1px solid var(--xdrsec-card-divider-color);
        // background-color: var(--xdrsec-draw-header-background-color);
        color: var(--xdrsec-draw-header-color);
        .ant-form-item {
          margin-bottom: 0;
        }
        .node-config-draw-close-icon {
          text-align: right;
        }
      }
      .node-config-draw-body {
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 24px;
        
        .react-json-view {
          min-height: 100px;
        }
        .variable-config-card {
          margin: 0 -23px;
          .ant-tabs-tabpane {
            background-color: var(--xdrsec-draw-background-color);
            padding: 6px;
          }
        }
      }
      .node-config-draw-footer {
        justify-content: end;
        padding: 16px 24px;
        border-top: 1px solid var(--xdrsec-card-divider-color);
      }
    }
  }
}

.active {
  box-shadow: -6px 0 16px -8px #00000014, -9px 0 28px #0000000d,
    -12px 0 48px 16px #00000008;
}
